import  React, {Component} from 'react'
// import sports from '../../img/sports.jpeg'
import './listItem.css'
class listItem extends Component {
  render () {
    let list = this.props.list
    return (
        <ul className="content">
            {
            list.map((item, id)=>(<li key={id}>
                    <div className="contentLeft">
                        <img src={item.avatar} alt=""/>
                    </div>
                    <div className="contentRight">
                        <div className="title">{item.name}</div>
                        <p>{item.end_date}  {item.city_name}</p>
                        <h4>{item.simple}</h4>
                        <button>一键报名</button>
                        <button>关注赛事</button>
                    </div>
                </li>)
                
            )
            } 
        </ul>
        )
  }
}
export default listItem